<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="x5-orientation" content="portrait">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    <title>医生详情</title>
    <link rel="shortcut icon" href="../../resource/img/favicon.ico"> 
    <link rel="stylesheet" href="../../resource/plugin/baseCSS-1.0.5.min.css">
    <link rel="stylesheet" href="../../resource/css/common.css">
</head>
<body>
    <!-- header -->
    <header class="header">
        <a class="leftBtn goBack"></a>
        <span>医生详情</span>
        <!--<a class="rightBtn"></a>-->
    </header>
    <section>
        <!-- 医生基本信息 -->
        <ul class="imginfoli">
            <li>
                <img src="../../resource/img/user/doctor-1.jpg" alt="">
                <div>
                    <p class="row-3 font-strong-blue">
                        <span>倪寿菱</span>
                    </p>
                    <p class="row-3 font-blue">
                        <span>安琪儿妇产医院妇产科专家</span>
                    </p>
                    <p class="row-3 font-lighter">
                        <span>主任医师</span>
                        <span>成都安琪儿妇产医院院长</span>
                    </p>
                </div>
            </li>
        </ul>
        <!-- 医生信息简要 -->
        <ul class="iconli mt-1">
            <li>
                <a href="#">
                    <i class="icon ico-document"></i>
                    <span>个人简介</span>
                    <i class="arrRight"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon ico-medical"></i>
                    <span>专业资质</span>
                    <i class="arrRight"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon ico-doctornote"></i>
                    <span>擅长领域</span>
                    <i class="arrRight"></i>
                </a>
            </li>
        </ul>
        <ul class="iconli blue mt-1">
            <li class="toggleDetailsList">
                <a>
                    <i class="icon ico-clock-white"></i>
                    <span>预约时间</span>
                    <i class="arrRight"></i>
                </a>
            </li>
        </ul>
        <!-- 预约时间列表 -->
        <ul class="indentli mt-1 disp-n">
            <li>
                <i class="icon ico-doctor"></i>
                <span>2016-06-21 周二</span>
                <button type="button" class="red">已满</button>
            </li>
            <li>
                <i class="icon ico-document"></i>
                <span>2016-06-22 周三</span>
                <button type="button" class="red">已满</button>
            </li>
            <li>
                <i class="icon ico-document"></i>
                <span>2016-06-23 周四</span>
                <button type="button" class="blue" onclick="location.href='advancePay.html'">预约</button>
            </li>
            <li>
                <i class="icon ico-document"></i>
                <span>2016-06-24 周五</span>
                <button type="button" class="blue" onclick="location.href='advancePay.html'">预约</button>
            </li>
            <li>
                <i class="icon ico-document"></i>
                <span>2016-06-24 周五</span>
                <button type="button" class="red">已满</button>
            </li>
        </ul>
    </section>
</body>
<!-- JS引入部分 -->
<script src="../../resource/plugin/jquery-2.2.4.min.js"></script>
<script src="../../resource/js/common.js"></script>
</html>